import React from 'react'
import MarkDownMiddle from '../MarkDown/MarkDownMiddle'
import MarkDownBottom from '../MarkDown/MarkDownBottomSort'
import MarkDownBottomSend from '../MarkDown/MarkDownBottomSend'

class BlogRight extends React.Component {
    render() {
        return (
            <div className="blogRight">
                <div className="markDown-content">
                    <MarkDownMiddle />
                </div>
                <div className="bottom">
                    <MarkDownBottom />
                    <MarkDownBottomSend />
                </div>
                <style jsx>{`
                    .blogRight {
                        position: relative;
                        margin: 55px 20px 0 20px;
                        flex: 1;
                    }
                    
                    .markDown-content {
                        position: absolute;
                        bottom: 90px;
                        left: 0;
                        right: 0;
                        top: 15px;
                    }
                    .bottom {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        height: 90px;
                        font-size: 14px;
                    }
              `}</style>
            </div>)
    }
}

export default BlogRight